<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta name="referrer" content="no-referrer"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>05.hexo视频教程 | 扣小妖</title><meta name="author" content="扣小妖"><meta name="copyright" content="扣小妖"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="hexo入门到精通视频教程  教程来源https:&#x2F;&#x2F;www.bilibili.com&#x2F;video&#x2F;BV13v4y1c75G 教程文档网站https:&#x2F;&#x2F;anzhiy.cn  01.hexo博客搭建最终效果展示点击播放⬇               02.gitHub的注册点击播放⬇              03.node和git的安装点击播放⬇              04.hexo本地显">
<meta property="og:type" content="article">
<meta property="og:title" content="05.hexo视频教程">
<meta property="og:url" content="http://liukuaizhuan.gitee.io/posts/3f24dd85.html">
<meta property="og:site_name" content="扣小妖">
<meta property="og:description" content="hexo入门到精通视频教程  教程来源https:&#x2F;&#x2F;www.bilibili.com&#x2F;video&#x2F;BV13v4y1c75G 教程文档网站https:&#x2F;&#x2F;anzhiy.cn  01.hexo博客搭建最终效果展示点击播放⬇               02.gitHub的注册点击播放⬇              03.node和git的安装点击播放⬇              04.hexo本地显">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://i1.hdslb.com/bfs/archive/cf6a8413b8ec8bd17612c2b48055be269b7ff496.jpg">
<meta property="article:published_time" content="2022-12-09T16:26:08.000Z">
<meta property="article:modified_time" content="2022-12-20T17:22:05.427Z">
<meta property="article:author" content="扣小妖">
<meta property="article:tag" content="笔记">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://i1.hdslb.com/bfs/archive/cf6a8413b8ec8bd17612c2b48055be269b7ff496.jpg"><link rel="shortcut icon" href="/img/favicon.png"><link rel="canonical" href="http://liukuaizhuan.gitee.io/posts/3f24dd85"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"/search.xml","preload":true,"languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: undefined,
  lightbox: 'fancybox',
  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#1f1f1f","position":"bottom-left"},
  source: {
    justifiedGallery: {
      js: 'https://gcore.jsdelivr.net/npm/flickr-justified-gallery/dist/fjGallery.min.js',
      css: 'https://gcore.jsdelivr.net/npm/flickr-justified-gallery/dist/fjGallery.min.css'
    }
  },
  isPhotoFigcaption: false,
  islazyload: false,
  isAnchor: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: '05.hexo视频教程',
  isPost: true,
  isHome: false,
  isHighlightShrink: false,
  isToc: true,
  postUpdate: '2022-12-21 01:22:05'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
    const detectApple = () => {
      if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
        document.documentElement.classList.add('apple')
      }
    }
    detectApple()
    })(window)</script><meta name="generator" content="Hexo 5.4.2"></head><body><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="https://p.ananas.chaoxing.com/star3/origin/c6eb667caaea4b46a934d65b6a348821.png" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="sidebar-site-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">57</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">6</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">14</div></a></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fa fa-heartbeat"></i><span> 清单</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/photos/"><i class="fa-fw fas fa-images"></i><span> 照片</span></a></li><li><a class="site-page child" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('https://i1.hdslb.com/bfs/archive/cf6a8413b8ec8bd17612c2b48055be269b7ff496.jpg')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">扣小妖</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fa fa-heartbeat"></i><span> 清单</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/photos/"><i class="fa-fw fas fa-images"></i><span> 照片</span></a></li><li><a class="site-page child" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">05.hexo视频教程</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="fa-fw post-meta-icon far fa-calendar-alt"></i><span class="post-meta-label">发表于</span><time datetime="2022-12-09T16:26:08.000Z" title="发表于 2022-12-10 00:26:08">2022-12-10</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/hexo/">hexo</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" id="" data-flag-title="05.hexo视频教程"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"><i class="fa-solid fa-spinner fa-spin"></i></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><blockquote>
<p>hexo入门到精通视频教程</p>
</blockquote>
<h4 id="教程来源"><a href="#教程来源" class="headerlink" title="教程来源"></a>教程来源</h4><p><a target="_blank" rel="noopener" href="https://www.bilibili.com/video/BV13v4y1c75G">https://www.bilibili.com/video/BV13v4y1c75G</a></p>
<h4 id="教程文档网站"><a href="#教程文档网站" class="headerlink" title="教程文档网站"></a>教程文档网站</h4><p><a target="_blank" rel="noopener" href="https://anzhiy.cn/">https://anzhiy.cn</a></p>
<hr>
<h4 id="01-hexo博客搭建最终效果展示"><a href="#01-hexo博客搭建最终效果展示" class="headerlink" title="01.hexo博客搭建最终效果展示"></a>01.hexo博客搭建最终效果展示</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/33/c1/59/3c2219849a80cbb2fb09fbf2d70b0f0d/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="02-gitHub的注册"><a href="#02-gitHub的注册" class="headerlink" title="02.gitHub的注册"></a>02.gitHub的注册</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/a9/8a/ab/5c71e9dc20cc981ed4639c6b75b66af9/sd.mp4" type="video/mp4">
</video> 
    </div></details>

<h4 id="03-node和git的安装"><a href="#03-node和git的安装" class="headerlink" title="03.node和git的安装"></a>03.node和git的安装</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/95/f2/70/a628707c6a4c4d77afe9e3420215f2d7/sd.mp4" type="video/mp4">
</video> 
    </div></details>

<h4 id="04-hexo本地显示"><a href="#04-hexo本地显示" class="headerlink" title="04.hexo本地显示"></a>04.hexo本地显示</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/73/ef/fa/1d836d50997d3fbb579b206f112f778b/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="05-hexo使用butterfly主题"><a href="#05-hexo使用butterfly主题" class="headerlink" title="05.hexo使用butterfly主题"></a>05.hexo使用butterfly主题</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/a5/b1/3a/82dd6f1a83ad64d16553f318b1f2e1d0/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="06-hexo-SEO优化（一）"><a href="#06-hexo-SEO优化（一）" class="headerlink" title="06.hexo_SEO优化（一）"></a>06.hexo_SEO优化（一）</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/a3/37/3c/691c5a371c629ff7c71aeb2e18aeb120/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="07-通过github-page部署至互联网"><a href="#07-通过github-page部署至互联网" class="headerlink" title="07.通过github_page部署至互联网"></a>07.通过github_page部署至互联网</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/1a/b5/2c/d3ad1c20627db58e3157b154365425bc/sd.mp4" type="video/mp4">
</video> 
     </div></details>
<h4 id="08-hexo安装音乐、追番页、live2d看板娘安装"><a href="#08-hexo安装音乐、追番页、live2d看板娘安装" class="headerlink" title="08.hexo安装音乐、追番页、live2d看板娘安装"></a>08.hexo安装音乐、追番页、live2d看板娘安装</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/2c/01/72/b308e488f12c71abce9fb2d4fa61708c/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="09-hexo-pwa安装实现文章更新通知"><a href="#09-hexo-pwa安装实现文章更新通知" class="headerlink" title="09.hexo_pwa安装实现文章更新通知"></a>09.hexo_pwa安装实现文章更新通知</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/ea/0b/d8/8b9340a462bf0c24380b5c0a1bd1693d/sd.mp4" type="video/mp4">
</video> 
      </div></details>

<h4 id="10-hexo自定义css，一图流方案"><a href="#10-hexo自定义css，一图流方案" class="headerlink" title="10.hexo自定义css，一图流方案"></a>10.hexo自定义css，一图流方案</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/c6/6c/7d/bf6ee5763f8fa0b26b0d06567cda5b26/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="11-外挂标签的添加"><a href="#11-外挂标签的添加" class="headerlink" title="11.外挂标签的添加"></a>11.外挂标签的添加</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/08/6b/98/9a099bbd5f7970f9569d6a092695ddcb/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="12-wowjs与留言板的配置"><a href="#12-wowjs与留言板的配置" class="headerlink" title="12.wowjs与留言板的配置"></a>12.wowjs与留言板的配置</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/09/52/2b/43df202fff01e991662d44ee1b68cf41/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="13-hexo完成github-action自动部署"><a href="#13-hexo完成github-action自动部署" class="headerlink" title="13.hexo完成github_action自动部署"></a>13.hexo完成github_action自动部署</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/87/e5/52/ddacb58e128f035f17629a0065d97631/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="14-hexo侧边电子钟配置"><a href="#14-hexo侧边电子钟配置" class="headerlink" title="14.hexo侧边电子钟配置"></a>14.hexo侧边电子钟配置</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/2a/27/dc/835649eb802ff24d848cf5e7846b9243/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="15-页脚徽标建站时间修改，时钟插件升级"><a href="#15-页脚徽标建站时间修改，时钟插件升级" class="headerlink" title="15.页脚徽标建站时间修改，时钟插件升级"></a>15.页脚徽标建站时间修改，时钟插件升级</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/bd/51/a3/26d19e3b81cee18033ba08ac19d09b8c/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="16-hexo自定义js在配置文件中的应用"><a href="#16-hexo自定义js在配置文件中的应用" class="headerlink" title="16.hexo自定义js在配置文件中的应用"></a>16.hexo自定义js在配置文件中的应用</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/75/97/03/c80f306a13be97a151957bb9a51f2651/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="17-hexo添加github贡献图"><a href="#17-hexo添加github贡献图" class="headerlink" title="17.hexo添加github贡献图"></a>17.hexo添加github贡献图</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/b1/a6/78/7fbb86d6584cf2efea1c8787b215fa80/sd.mp4" type="video/mp4">
</video> 
      </div></details>

<h4 id="18-hexo新建文章与页面"><a href="#18-hexo新建文章与页面" class="headerlink" title="18.hexo新建文章与页面"></a>18.hexo新建文章与页面</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/44/79/79/0cecb13701a841fa6234e6db818bea41/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="19-vercel加速hexo访问，自定义域名"><a href="#19-vercel加速hexo访问，自定义域名" class="headerlink" title="19.vercel加速hexo访问，自定义域名"></a>19.vercel加速hexo访问，自定义域名</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/c6/3e/ba/7278a7618a813b2206f967557b4fb6bf/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="20-butterfly打赏按钮样式修改"><a href="#20-butterfly打赏按钮样式修改" class="headerlink" title="20.butterfly打赏按钮样式修改"></a>20.butterfly打赏按钮样式修改</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/9e/6a/70/55d107983ad6ad35646e22420ea2ae00/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="21-多色图标的配置"><a href="#21-多色图标的配置" class="headerlink" title="21.多色图标的配置"></a>21.多色图标的配置</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><pre><code>    &lt;video controls=&quot;controls&quot; controlsList=&quot;nodownload noplaybackrate&quot; disablePictureInPicture width=&quot;100%&quot; height=&quot;500px&quot;&gt;
        &lt;source src=&quot;https://s138.ananas.chaoxing.com/video/46/de/61/9b9eed255424de3b95c53fa11b1df0fd/sd.mp4&quot; type=&quot;video/mp4&quot;&gt;
    &lt;/video&gt; 
 
</code></pre>
</video></div></details>

<h4 id="22-butterfly的swiper插件-人潮汹涌-配置安装"><a href="#22-butterfly的swiper插件-人潮汹涌-配置安装" class="headerlink" title="22.butterfly的swiper插件(人潮汹涌)配置安装"></a>22.butterfly的swiper插件(人潮汹涌)配置安装</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/db/8f/93/c669662d71abda2efaa190358c43bf41/sd.mp4" type="video/mp4">
</video> 
     </div></details>

<h4 id="23-butterfly配置twikoo评论系统"><a href="#23-butterfly配置twikoo评论系统" class="headerlink" title="23.butterfly配置twikoo评论系统"></a>23.butterfly配置twikoo评论系统</h4><details class="toggle" style="border: 1px solid  bg"><summary class="toggle-button" style="background-color:  bg;color:  color">点击播放⬇</summary><div class="toggle-content"><video controls="controls" controlsList="nodownload noplaybackrate" disablePictureInPicture width="100%" height="500px">
    <source src="https://s138.ananas.chaoxing.com/video/f7/91/f1/b26549485db7be33feb30dcf844cff0c/sd.mp4" type="video/mp4">
</video> 
     </div></details>
</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="http://liukuaizhuan.gitee.io">扣小妖</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="http://liukuaizhuan.gitee.io/posts/3f24dd85.html">http://liukuaizhuan.gitee.io/posts/3f24dd85.html</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本站所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议</span></div></div><div class="tag_share"><div class="post-meta__tag-list"></div><div class="post_share"><div class="social-share" data-image="https://i1.hdslb.com/bfs/archive/cf6a8413b8ec8bd17612c2b48055be269b7ff496.jpg" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://lib.baomitu.com/social-share.js/1.0.16/css/share.min.css" media="print" onload="this.media='all'"><script src="https://lib.baomitu.com/social-share.js/1.0.16/js/social-share.min.js" defer></script></div></div><div class="post-reward"><div class="reward-button"><i class="fas fa-qrcode"></i> 打赏</div><div class="reward-main"><ul class="reward-all"><li class="reward-item"><a href="https://p.ananas.chaoxing.com/star3/origin/5a01db3c5a0daca9fa2b024736bf66e3.png" target="_blank"><img class="post-qr-code-img" src="https://p.ananas.chaoxing.com/star3/origin/5a01db3c5a0daca9fa2b024736bf66e3.png" alt="微信打赏"/></a><div class="post-qr-code-desc">微信打赏</div></li><li class="reward-item"><a href="https://p.ananas.chaoxing.com/star3/origin/afffb275198370656cb6cef6a1107185.png" target="_blank"><img class="post-qr-code-img" src="https://p.ananas.chaoxing.com/star3/origin/afffb275198370656cb6cef6a1107185.png" alt="支付宝打赏"/></a><div class="post-qr-code-desc">支付宝打赏</div></li></ul></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/posts/fe5af520.html"><img class="prev-cover" src="https://pic1.zhimg.com/v2-1b0b3d48f5259a87189012f8d7e9b370_r.jpg" onerror="onerror=null;src='/img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">Python项目0001 - B站视频无水印解析</div></div></a></div><div class="next-post pull-right"><a href="/posts/afee721f.html"><img class="next-cover" src="http://p.ananas.chaoxing.com/star3/origin/6ed6e3f7288e00f92ed58e6e018e76cd.jpg" onerror="onerror=null;src='/img/404.jpg'" alt="cover of next post"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">0001.超星网盘直链</div></div></a></div></nav></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="https://p.ananas.chaoxing.com/star3/origin/c6eb667caaea4b46a934d65b6a348821.png" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">扣小妖</div><div class="author-info__description">Email：  liukuaizhuan@qq.com</div></div><div class="card-info-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">57</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">6</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">14</div></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">This is my Blog 技术笔记</div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span><span class="toc-percentage"></span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%95%99%E7%A8%8B%E6%9D%A5%E6%BA%90"><span class="toc-number">1.</span> <span class="toc-text">教程来源</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%95%99%E7%A8%8B%E6%96%87%E6%A1%A3%E7%BD%91%E7%AB%99"><span class="toc-number">2.</span> <span class="toc-text">教程文档网站</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#01-hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E6%9C%80%E7%BB%88%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA"><span class="toc-number">3.</span> <span class="toc-text">01.hexo博客搭建最终效果展示</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#02-gitHub%E7%9A%84%E6%B3%A8%E5%86%8C"><span class="toc-number">4.</span> <span class="toc-text">02.gitHub的注册</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#03-node%E5%92%8Cgit%E7%9A%84%E5%AE%89%E8%A3%85"><span class="toc-number">5.</span> <span class="toc-text">03.node和git的安装</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#04-hexo%E6%9C%AC%E5%9C%B0%E6%98%BE%E7%A4%BA"><span class="toc-number">6.</span> <span class="toc-text">04.hexo本地显示</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#05-hexo%E4%BD%BF%E7%94%A8butterfly%E4%B8%BB%E9%A2%98"><span class="toc-number">7.</span> <span class="toc-text">05.hexo使用butterfly主题</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#06-hexo-SEO%E4%BC%98%E5%8C%96%EF%BC%88%E4%B8%80%EF%BC%89"><span class="toc-number">8.</span> <span class="toc-text">06.hexo_SEO优化（一）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#07-%E9%80%9A%E8%BF%87github-page%E9%83%A8%E7%BD%B2%E8%87%B3%E4%BA%92%E8%81%94%E7%BD%91"><span class="toc-number">9.</span> <span class="toc-text">07.通过github_page部署至互联网</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#08-hexo%E5%AE%89%E8%A3%85%E9%9F%B3%E4%B9%90%E3%80%81%E8%BF%BD%E7%95%AA%E9%A1%B5%E3%80%81live2d%E7%9C%8B%E6%9D%BF%E5%A8%98%E5%AE%89%E8%A3%85"><span class="toc-number">10.</span> <span class="toc-text">08.hexo安装音乐、追番页、live2d看板娘安装</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#09-hexo-pwa%E5%AE%89%E8%A3%85%E5%AE%9E%E7%8E%B0%E6%96%87%E7%AB%A0%E6%9B%B4%E6%96%B0%E9%80%9A%E7%9F%A5"><span class="toc-number">11.</span> <span class="toc-text">09.hexo_pwa安装实现文章更新通知</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#10-hexo%E8%87%AA%E5%AE%9A%E4%B9%89css%EF%BC%8C%E4%B8%80%E5%9B%BE%E6%B5%81%E6%96%B9%E6%A1%88"><span class="toc-number">12.</span> <span class="toc-text">10.hexo自定义css，一图流方案</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#11-%E5%A4%96%E6%8C%82%E6%A0%87%E7%AD%BE%E7%9A%84%E6%B7%BB%E5%8A%A0"><span class="toc-number">13.</span> <span class="toc-text">11.外挂标签的添加</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#12-wowjs%E4%B8%8E%E7%95%99%E8%A8%80%E6%9D%BF%E7%9A%84%E9%85%8D%E7%BD%AE"><span class="toc-number">14.</span> <span class="toc-text">12.wowjs与留言板的配置</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#13-hexo%E5%AE%8C%E6%88%90github-action%E8%87%AA%E5%8A%A8%E9%83%A8%E7%BD%B2"><span class="toc-number">15.</span> <span class="toc-text">13.hexo完成github_action自动部署</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#14-hexo%E4%BE%A7%E8%BE%B9%E7%94%B5%E5%AD%90%E9%92%9F%E9%85%8D%E7%BD%AE"><span class="toc-number">16.</span> <span class="toc-text">14.hexo侧边电子钟配置</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#15-%E9%A1%B5%E8%84%9A%E5%BE%BD%E6%A0%87%E5%BB%BA%E7%AB%99%E6%97%B6%E9%97%B4%E4%BF%AE%E6%94%B9%EF%BC%8C%E6%97%B6%E9%92%9F%E6%8F%92%E4%BB%B6%E5%8D%87%E7%BA%A7"><span class="toc-number">17.</span> <span class="toc-text">15.页脚徽标建站时间修改，时钟插件升级</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#16-hexo%E8%87%AA%E5%AE%9A%E4%B9%89js%E5%9C%A8%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8"><span class="toc-number">18.</span> <span class="toc-text">16.hexo自定义js在配置文件中的应用</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#17-hexo%E6%B7%BB%E5%8A%A0github%E8%B4%A1%E7%8C%AE%E5%9B%BE"><span class="toc-number">19.</span> <span class="toc-text">17.hexo添加github贡献图</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#18-hexo%E6%96%B0%E5%BB%BA%E6%96%87%E7%AB%A0%E4%B8%8E%E9%A1%B5%E9%9D%A2"><span class="toc-number">20.</span> <span class="toc-text">18.hexo新建文章与页面</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#19-vercel%E5%8A%A0%E9%80%9Fhexo%E8%AE%BF%E9%97%AE%EF%BC%8C%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9F%9F%E5%90%8D"><span class="toc-number">21.</span> <span class="toc-text">19.vercel加速hexo访问，自定义域名</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#20-butterfly%E6%89%93%E8%B5%8F%E6%8C%89%E9%92%AE%E6%A0%B7%E5%BC%8F%E4%BF%AE%E6%94%B9"><span class="toc-number">22.</span> <span class="toc-text">20.butterfly打赏按钮样式修改</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#21-%E5%A4%9A%E8%89%B2%E5%9B%BE%E6%A0%87%E7%9A%84%E9%85%8D%E7%BD%AE"><span class="toc-number">23.</span> <span class="toc-text">21.多色图标的配置</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#22-butterfly%E7%9A%84swiper%E6%8F%92%E4%BB%B6-%E4%BA%BA%E6%BD%AE%E6%B1%B9%E6%B6%8C-%E9%85%8D%E7%BD%AE%E5%AE%89%E8%A3%85"><span class="toc-number">24.</span> <span class="toc-text">22.butterfly的swiper插件(人潮汹涌)配置安装</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#23-butterfly%E9%85%8D%E7%BD%AEtwikoo%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F"><span class="toc-number">25.</span> <span class="toc-text">23.butterfly配置twikoo评论系统</span></a></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/posts/7f4a6eeb.html" title="013.c++核心编程-类和对象"><img src="https://p.ananas.chaoxing.com/star3/origin/7ea674ffcd12ef7d943d54c93e9203a4.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="013.c++核心编程-类和对象"/></a><div class="content"><a class="title" href="/posts/7f4a6eeb.html" title="013.c++核心编程-类和对象">013.c++核心编程-类和对象</a><time datetime="2023-02-13T14:55:03.000Z" title="发表于 2023-02-13 22:55:03">2023-02-13</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/posts/4adebd64.html" title="012.C++核心编程-函数提高"><img src="https://p.ananas.chaoxing.com/star3/origin/b6c49bb4892ad191edbc0363caf45530.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="012.C++核心编程-函数提高"/></a><div class="content"><a class="title" href="/posts/4adebd64.html" title="012.C++核心编程-函数提高">012.C++核心编程-函数提高</a><time datetime="2023-02-13T14:51:24.000Z" title="发表于 2023-02-13 22:51:24">2023-02-13</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/posts/bff12c11.html" title="011.C++核心编程-引用"><img src="https://p.ananas.chaoxing.com/star3/origin/86403540a7b572fec123890e9a638adc.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="011.C++核心编程-引用"/></a><div class="content"><a class="title" href="/posts/bff12c11.html" title="011.C++核心编程-引用">011.C++核心编程-引用</a><time datetime="2023-02-13T14:47:34.000Z" title="发表于 2023-02-13 22:47:34">2023-02-13</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/posts/9368cbfc.html" title="010.C++核心编程-内存分区模型"><img src="https://p.ananas.chaoxing.com/star3/origin/b4c7f6d417c4c75ed02262f3549625c8.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="010.C++核心编程-内存分区模型"/></a><div class="content"><a class="title" href="/posts/9368cbfc.html" title="010.C++核心编程-内存分区模型">010.C++核心编程-内存分区模型</a><time datetime="2023-02-06T15:28:05.000Z" title="发表于 2023-02-06 23:28:05">2023-02-06</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/posts/b056b485.html" title="009.C++基础实战-通讯录管理系统"><img src="https://p.ananas.chaoxing.com/star3/origin/5cdbcc7b75aea2aa3a8b12cae1439e99.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="009.C++基础实战-通讯录管理系统"/></a><div class="content"><a class="title" href="/posts/b056b485.html" title="009.C++基础实战-通讯录管理系统">009.C++基础实战-通讯录管理系统</a><time datetime="2023-02-04T10:02:31.000Z" title="发表于 2023-02-04 18:02:31">2023-02-04</time></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2020 - 2023 By 扣小妖</div><div class="footer_custom_text"><p style="margin:10px 0 5px"><a target="_blank" href="https://hexo.io/" style="margin-inline:5px">博客 hexo</a><a target="_blank" href="https://butterfly.js.org/" style="margin-inline:5px">主题 Butterfly</a><a target="_blank" href="https://gitee.com/" style="margin-inline:5px">托管 Gitee</a></p></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">搜索</span><span id="loading-status"></span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="is-center" id="loading-database"><i class="fas fa-spinner fa-pulse"></i><span>  数据库加载中</span></div><div class="search-wrap"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div><hr/><div id="local-search-results"></div></div></div><div id="search-mask"></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://gcore.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.min.js"></script><script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.js"></script><script src="/js/search/local-search.js"></script><div class="js-pjax"><script>(() => {
  const $mermaidWrap = document.querySelectorAll('#article-container .mermaid-wrap')
  if ($mermaidWrap.length) {
    window.runMermaid = () => {
      window.loadMermaid = true
      const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'default'

      Array.from($mermaidWrap).forEach((item, index) => {
        const mermaidSrc = item.firstElementChild
        const mermaidThemeConfig = '%%{init:{ \'theme\':\'' + theme + '\'}}%%\n'
        const mermaidID = 'mermaid-' + index
        const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
        mermaid.mermaidAPI.render(mermaidID, mermaidDefinition, (svgCode) => {
          mermaidSrc.insertAdjacentHTML('afterend', svgCode)
        })
      })
    }

    const loadMermaid = () => {
      window.loadMermaid ? runMermaid() : getScript('https://gcore.jsdelivr.net/npm/mermaid/dist/mermaid.min.js').then(runMermaid)
    }

    window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
  }
})()</script></div><script defer="defer" id="ribbon" src="https://gcore.jsdelivr.net/npm/butterfly-extsrc/dist/canvas-ribbon.min.js" size="150" alpha="0.6" zIndex="-1" mobile="false" data-click="false"></script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></body></html>